<script setup>
import Trend from "@/views/dashboard/components/trend.vue";
import Total from "@/views/dashboard/components/total.vue";
import Traffic from "@/views/dashboard/components/traffic.vue";
</script>

<template>
  <div class="jia-tabs">
    <a-tabs size="large" key="1">
      <a-tab-pane key="1" title="流量趋势">
        <Trend></Trend>
      </a-tab-pane>
      <a-tab-pane key="2" size="large" title="服务监控">
        <Traffic></Traffic>
      </a-tab-pane>
      <a-tab-pane key="3" size="large" title="访问量">
        <Total></Total>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<style scoped lang="less">
.jia-tabs {
  margin-top: 15px;
  width: 100%;
  height: 390px;
  background: var(--bg-3);
  animation: FadeInRight 2s;
}
</style>